<?php
$this->jQuery()->enable()->uiEnable();
$this->headLink()
        ->appendStylesheet($this->baseUrl('/lib/flexigrid-1.1/css/flexigrid.css'))
        ->appendStylesheet($this->baseUrl('/lib/flexigrid-1.1/css/flexigrid-custom.css'));
$this->headScript()
        ->appendFile($this->baseUrl('/lib/flexigrid-1.1/js/flexigrid.js'));
$this->pagetitle = 'Lịch sử mượn và trả tài sản';
?>

<table class='gridTable' style="display:none"></table>

<script type="text/javascript">
    $(document).ready(function(){
        
        $('.gridTable').flexigrid({
            url : '/QLTSv1/asset/history/records',
            dataType : 'json',
            colModel : [ 
                //                {display: 'Item ID', name: 'ItemID', width: 50, sortable: true, align: 'left'},
                {display: 'Mã TS', name: 'Ma_tai_san', width: 70, sortable: true, align: 'left'},
                {display: 'Tên tài sản', name: 'Ten_tai_san', width: 100, sortable: false, align: 'left'},
                {display: 'Người bàn giao', name: 'LUsername', width: 100, sortable: true, align: 'left'},
                {display: 'Người nhận', name: 'RUsername', width: 100, sortable: true, align: 'left'},
                {display: 'Ngày bàn giao', name: 'Date', width: 70, sortable: true, align: 'left'},
                {display: 'Chi tiết bàn giao', name: 'Detail', width: 300, sortable: false, align: 'left'},
            ],
            buttons : [ 
                {name : 'Detail', bclass : 'detail', onpress : detail_record}
//                {name : 'Find as date', bclass : 'search', onpress : date_search}
            ],
            searchitems : [ 
                {display : 'Mã tài sản', name : 'Ma_tai_san', isdefault : true },
                {display : 'Ngày bàn giao', name : 'Date' },
                {display : 'Người bàn giao', name : 'LUserID' },
                {display : 'Người nhận', name : 'RUserID' },
            ],
            sortname : "ItemID",
            sortorder : "asc",
            usepager : true,
            title : 'Bảng lịch sử bàn giao',
            useRp : true,
            rp : 15,
            singleSelect : true,
            showTableToggleBtn : true,
            width : 1080,
            height : 250
        });

        function detail_record(command,grid){
            var record_count = $('.trSelected',grid).length;
            if (0 == record_count)
            {
                alert('Please select a record first by clicking on the appropriate row.');
                return;
            }
            $('.trSelected',grid).each(function(){
                var id = this.id.substr(3);
                //            window.location = '/QLTSv1/user/user/detail/UserID/'+id;
                $.ajax({
                    type: "POST",
                    url: "/QLTSv1/asset/history/detail",
                    data: "HistoryID="+id,
                    success: function(data) {
                        //                        alert(data);
                        var getData = $.parseJSON(data);
                        if(getData.status == 'success'){
                            // get user info success
                            var tag = $("<div title='History\'s information'></div>");
                            tag.html(
                            '<table><tr><td>Ma tai san</td><td>:</td><td>'+getData.data.Ma_tai_san+
                                '</td></tr><tr><td>Ten tai san</td><td>:</td><td>'+getData.data.Ten_tai_san+
                                '</td></tr><tr><td>Nguoi ban giao</td><td>:</td><td>'+getData.data.LUsername+
                                '</td></tr><tr><td>Nguoi nhan</td><td>:</td><td>'+getData.data.RUsername+
                                '</td></tr><tr><td>Date</td><td>:</td><td>'+getData.data.Date+
                                '</td></tr><tr><td>Detail</td><td>:</td><td>'+getData.data.Detail+
                                '</td></tr></table>'
                        ).dialog({
                                resizable: false,
                                height:350,
                                width: 250,
                                modal: true,
                                buttons: {
                                    "OK": function() {
                                        $( this ).dialog( "close" );
                                    }
                                }
                            }).dialog("open");
                        }else{
                            // get user info error
                            var tag = $("<div title='Error'></div>");
                            tag.html("<span>"+getData.msg+"</span>").dialog({
                                resizable: false,
                                height:350,
                                width: 450,
                                modal: true,
                                buttons: {
                                    "OK": function() {
                                        $( this ).dialog( "close" );
                                    }
                                }
                            }).dialog("open");
                        }
                    
                    
                    }
                });
            });
        } // detail_record
//        function date_search(command,grid){
//        
//        } // date_search
    });
</script>